@charset "utf-8";
/* CSS Document */
<style type="text/css">
@font-face{font-family: 'Lobster';}

*{
	margin:0px;
	padding:0px;
	font-family: 'Lobster', monospace, serif; 
}

p, strong, em{
	text-align: justify;
}

body, html {
	height: 100%;
	width: 100%;
	min-width: 1351px !important;
	background-color: #000;
	background-size: 100% auto;
	background-image: repeat-y;
}

.vinculo {
	text-align: center;
	list-style: none;
	text-decoration: none;
	background-color: rgba(0,0,0,.5);
	font-size: 3em auto;
	border-radius: 50px;
	width: 100px;
	height: 40px;
	padding: 5px;
	display: block;
	float: left;
}

/*#container { overflow: hidden;
}

#container div { float: left; 
	margin-bottom: -2000px; 
	padding-bottom: 2000px; 
	border-radius: 50px;
}  

se supone que esto ayuda a igualar la altura pero elimina el estilo 
nota: seguir buscando*/


.vinculo:hover {
	color: white;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: inside 10% 10% 10% 10% rgba(0, 0, 0, 1);
}

.seccion{
	background-color: rgba(0, 0, 0, 0.1);
	width: 60%;
	display: block;
	float: left;
	border-radius: 50px;
	margin-bottom: 1%;
	height: 300px;
}

.seccion h2{
	text-align: center;
	margin-top: 5px;
	text-transform: uppercase;
}

#cabeza {
	width: 80%;
	margin-bottom: 5px;
	margin-right: 10%;
	margin-left: 10%;
	position: center;
	border-radius: 50px;
	background-color: rgba(230, 50, 50, 0.7);
	display: block;
	padding: 5px;
	text-align: center;
	
}

.cabecera{
	position: center;
	color: #000;
}

.menu{
	margin-left: 1%;
	margin-right: 1%;
	border: 0px; 
	list-style: none;
	text-decoration: none;
	padding: 5px;
	display: block;
	width: 12%;
	padding: 15px;
	float: left;
	text-align: center;
	border-radius: 50px;
	background-color: rgba(230, 50, 50, 0.3);
	margin-bottom: 1%;
	height: 300px;
}

.menu li{
	list-style: none;
	text-decoration: none;
	padding: 5px;
	display: block;
	float: left;
	margin-left:25%;
	margin-right:25%;
	height: 69px;
	width: 69px;
	text-align: center;
	border-radius: 50px;
	background-color: rgba(30, 50, 50, 0.3);
	margin-bottom: 1%;
}

.menu ul li a:hover{
	background: rgb(250,250,250,0.7);
	box-shadow: 0px 0px 40px 40px rgb(0,0,0,0.9);
}

.articulo {
	display: block;
	border: 0px;
	border-radius: 50px;
	padding: 25px;
	float: left;
	width: 85%;
	margin: 5%;
	background-color: rgba(230, 50, 50, 0.3);
}

.publicidad {
	text-align: center;
	display: block;
	border: 0px;
	width: 19%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 15px;
	float: left;
	border-radius: 50px;
	background-color: rgba(230, 50, 50, 0.3);
	height: 300px;
}

.footer {
	background-color: rgba(230, 50, 50, 0.3);
	border-radius: 50px;
	height: 50px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
	bottom: 5px;
	padding: 5px;
	clear: both;
	margin-bottom: 1%;
}

.footer2{
	background-color: rgba(230, 50, 50, 0.3);
	border-radius: 50px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
	bottom: 5px;
	padding: 5px;
	clear: both;
	margin-bottom: 1%;
}